ant 您所在的位置:网站首页 vue 时间控件 ant

ant

2023-09-08 21:40| 来源: 网络整理| 查看: 265

一、ant-design-vue中a-date-picker组件只选择年份

今天遇到了在日期选择器中只选择年份的日期选择器,但是是使用的ant-design-vue,目前还没有只选择年份的日期控件,但是需求还是要实现,上代码: 在template中

在模型数据data中

//年度计划的打开关闭状态,true为打开,false为关闭 yearShowOne:false, //添加对话框的表单绑定 addForm:{ all_plan_one:null,//开始年限 },

在methods方法中,handleOpenChange回掉函数的参数是boolean值,当打开控件时为true,关闭时为false,但是控制控件的显示和隐藏需要的是open属性,所以让open属性跟随者这个回掉参数改变即可控制面板的显示和隐藏。 handlePanelChange方法可以获取到选择之后的值,在赋值给模型属性就可以使用了。不然会在时期选择之后再页面中不显示获取到的年份。

// 弹出日历和关闭日历的回调 openChangeOne(status){ //status是打开或关闭的状态 if(status){ this.yearShowOne = true } }, //


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有